﻿/* CSS File for SiteCore Puzzle. 2013 Lars Gottlieb */

html
{
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html, body 
{
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    min-width: 200px;
    overflow: hidden;
}
#Wrapper
{
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
    min-width: 200px;
}
#ImageList
{
    list-style: none;
    max-width: 100%;
    max-height: 700px;
    overflow-y: auto;
    overflow-x: hidden;
}
#ImageList
{
    margin: 0;
    padding: 20px;
}
#ImageList li
{
    padding: 20px;
    margin: 0;
    float: left;
}
#ImageList figure
{
    margin: 0;
    height: 142px;
    width: 142px;
    text-align: center;
}
#ImageList div
{
    height: 140px;
    width: 142px;
    border: 1px solid grey;
    vertical-align: middle;
    display: table-cell;
    background: white;
}
#ImageList img
{
    max-height: 140px;
    max-width: 140px;
    width: auto;
    height: auto;
}
#ShowMoreButton
{
    margin-right: 22px;
}
